<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>文档列表 - 光年(Light Year Admin)后台管理系统模板</title>
<link rel="icon" href="/img/favicon.ico" type="image/ico">
<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
<meta name="author" content="yinqi">
<!-- Vendor styles -->
<link rel="stylesheet" data-th-href="@{/css/material-design-iconic-font/css/material-design-iconic-font.min.css}">
<link data-th-href="@{/css/bootstrap.min.css}" rel="stylesheet">
<link data-th-href="@{/css/materialdesignicons.min.css}" rel="stylesheet">
<link data-th-href="@{/css/style.min.css}" rel="stylesheet">
<link data-th-href="@{/css/app.css}" rel="stylesheet">
<!-- Bootstrap Table -->
<link rel="stylesheet" data-th-href="@{/css/bootstrap-table/bootstrap-table.css}">
<!--对话框-->
<link rel="stylesheet" data-th-href="@{/js/jconfirm/jquery-confirm.min.css}">
<!--时间选择插件-->
<link rel="stylesheet" data-th-href="@{/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css}">
<!--日期选择插件-->
<link rel="stylesheet" data-th-href="@{/js/bootstrap-datepicker/bootstrap-datepicker3.min.css}">
<!-- 图片预览 -->
<link rel="stylesheet" data-th-href="@{/js/viewerjs/dist/viewer.css}">
<!-- jstree -->
<link rel="stylesheet" data-th-href="@{/css/jsTree/style.min.css}">
<link rel="stylesheet" data-th-href="@{/js/bootstrap-select-1.13.12/dist/css/bootstrap-select.min.css}">
<link data-th-href="@{/css/app.css}" rel="stylesheet">
<script type="text/javascript" data-th-src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap.min.js}"></script>
<script data-th-src="@{/js/jquery-validate/jquery.validate.min.js}"></script>
<script data-th-src="@{/js/jquery-validate/additional-methods.min.js}"></script>
<script data-th-src="@{/js/jquery-validate/messages_zh.min.js}"></script>
<script data-th-src="@{/js/jsTree/jstree.js}"></script>
<script data-th-src="@{/js/ckeditor/ckeditor.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/vendor/jquery.ui.widget.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.iframe-transport.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.fileupload.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.fileupload-process.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.fileupload-ui.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-select-1.13.12/dist/js/bootstrap-select.min.js}"></script>
</head>
  
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--左侧导航-->
    <th:block data-th-include="member/common/aside"></th:block>
    <!--End 左侧导航-->
    <!--头部信息-->
    <th:block data-th-include="member/common/header"></th:block>
    <!--End 头部信息-->
    <!--页面主要内容-->
    <main class="lyear-layout-content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-12">
            <div class="card" id="article-add">
              <div class="card-body">
               <form id="article-add-form" class="row">
                <div class="col-md-9">
                   <div class="form-group">
                    <label for="title">标题</label>
                    <input type="text" class="form-control" id="title" name="title" value="" placeholder="请输入标题" />
                    <input type="hidden" name="id"  class="form-control">
                  </div>
                  <div class="form-group">
                    <label for="keywords">关键词</label>
                    <input type="text" class="form-control" id="keywords" name="keywords" value="" placeholder="关键词" />
                  </div>
                  <div class="form-group">
                    <label for="description">描述</label>
                    <textarea class="form-control" id="description" name="description" rows="5"  placeholder="描述"></textarea>
                  </div>                 
                  <div class="form-group">
                      <textarea class="form-control" id="articleEditor" name="content"></textarea>
                       <input type="hidden" class="form-control" id="template" name="template"  placeholder="模板" />
                  </div> 
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="sort">slug</label>
                    <input type="text" class="form-control" id="slug" name="slug" />
                  </div>                  
                  <div class="form-group">
                    <label for="categoryIds">分类</label>
                    <div id="categoryTree"></div>
                    <input type="hidden" name="categoryIds">
                  </div>    
                  <div class="form-group  control-group"><label>缩略图：</label>
				    <div class="controls upload-bg">
				        <input class="upload" id="file" type="file" name="file">
				        <img src="" style="display:none;width:100%;height:100%"  id="target" alt="[Jcrop Example]"/>
				        <input type="hidden" value="" id="url" name="thumbnail" class="filevalue">
				    </div>
				    <p class="reupload">重新上传
				        <input class="imgEditor" id="uploadNext" type="file" name="file" value=""/>
				　　</p>
				  </div>                                                           
                  <div class="form-group">
                    <label for="tags">标签</label>
                    <input class="form-control" type="text" id="tags" name="tags"  />
                     <small class="help-block">标签用英文逗号分隔(如:汽车,电器,美食)</small>
                  </div>
                  <div class="form-group">
                    <label for="sort">排序</label>
                    <input type="text" class="form-control" id="seqNum" name="seqNum" placeholder="0"/>
                  </div>                   
                </div>                  
                </form>
              <div class="card-toolbar clearfix">
                <div class="toolbar-btn-action pull-right">
                  <button type="button" class="btn btn-primary btn-save" id="article-add-button" name="save">保存</button>
                </div>
              </div>                 
              </div>
            </div>
          </div>
          
        </div>
        
      </div>
      
    </main>
    <!--End 页面主要内容-->
  </div>
</div>
<script data-th-inline="javascript">
  var ctx = [[@{/}]];
  // 选中自己的父菜单
  window._pathName="/member/userArticle";
</script>
<script type="text/javascript" data-th-src="@{/js/perfect-scrollbar.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/main.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-table/bootstrap-table.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
<!--消息提示-->
<script data-th-src="@{/js/bootstrap-notify.min.js}"></script>
<!--对话框-->
<script data-th-src="@{/js/jconfirm/jquery-confirm.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/lightyear.js}"></script>
<script type="text/javascript" data-th-src="@{/js/common.js}"></script>
<script type="text/javascript" data-th-src="@{/js/app/member/member.js}"></script>
<script type="text/javascript" data-th-src="@{/js/app/member/article.js}"></script>
<script type="text/javascript" data-th-src="@{/js/app/member/articleAdd.js}"></script>
<script type="text/javascript" data-th-src="@{/js/app/member/articleEdit.js}"></script>
<script data-th-inline="javascript">
  var articleId =[[${articleId}]];
  if(articleId && null!=articleId){
	  editArticle(articleId); 
  }
</script>
<div data-th-include="admin/system/user/updatePassword"></div>
</body>
</html>